<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../vue.js"></script>
    <script>
        window.onload=function () {
            new Vue({
                el:'#box',
                data: {

                },
                methods:{
                    show:function (ev) {
                        alert(ev.keyCode);//显示键盘码值
                    }
                }
            });
        };
    </script>
</head>
<body>
<!--点击按钮弹出一个动作-->

<div id="box">
    <!--要想知道你输入的是什么，需要一个事件$event-->
    <!--键盘按下时触发事件——先出现弹框再出现内容-->
    <input type="text" @keydown="show($event)" title="">
    <!--键盘抬起时触发事件——先出现文本框内容再出现弹框-->
    <input type="text" @keyup="show($event)" title="">
</div>
</body>
</html>